<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="validausuario.jsp" %>
<%@ page import="censo.db" %>
<%@ page import="entidades.Usuario" %>
<%@ page import="entidades.Perfiles" %>
<%@ page import="manejadores.ManejadorUsuario" %>
<%@ page import="java.util.*" %>
<%
	if (request.getParameter("codigo") == null) {
		response.sendRedirect("usuarios.jsp");
		return;
	}
	
	String codigo = (String)request.getParameter("codigo");
	db conexion = new db();
	ManejadorUsuario MU = new ManejadorUsuario(conexion);
	Usuario user = new Usuario();
	if (MU.Find(codigo)) {
		user = MU.getUser();
	}
	ArrayList<Perfiles> p = MU.perfiles();

%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Usuarios</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="css/main.css" media="screen">
<LINK REL="stylesheet" TYPE="text/css" HREF="themes/redmond/jquery.ui.theme.css">
<script src="js/jquery-1.8.2.js" language="JavaScript"></script>
<script src="js/jquery-ui-1.9.1.custom.min.js" language="JavaScript"></script>
<script>
    $(function() {
        $( "input[type=button], button, main" )
            .button()
            .click(function( event ) {
                event.preventDefault();
            });
    });
</script>
<script type="text/javascript" language="javascript">
	function modificar(key) {
		$("#info").html("");
		$("#info").show();
		var usuario = $("#usuario").val();
		var nombre =  $("#nombre").val();
		var perfil = $("#perfil").val();
		var estado = $("#estado").val();

		
		if (usuario == "" || nombre == "" || perfil == "") {
			alert("falta ingresar informacion");
			return;
		}
		
		
		var cmd = document.getElementById("cmd_modificar");
		cmd.disabled = true;
		$("#info").html("<img src=\"images/loading.gif\" >Procesando solicitud");
		$.post(
			"SrvUsuarios",
			{
				operacion: "modify",
				usuario: usuario,
				nombre: nombre,
				perfil:perfil,
				estado: estado,
				key: key
			},
			procesar
		
		);
		
	}
	function procesar(resultado) {
		var cmd = document.getElementById("cmd_modificar");
		cmd.disabled = false;
		if (resultado != 'OK') {
			$("#info").html("<img src=\"warning.jpg\">" + resultado);
		}else {
			$("#info").html("Usuario modificado correctamente").fadeOut(3000);
		}
	}

	function eliminar(key) {
		if (confirm("Desea eliminar el Usuario " + key)) {
			var cmd = document.getElementById("cmd_eliminar");
			cmd.disabled = true;
			$("#info").html("<img src=\"images/loading.gif\" >Procesando solicitud");
			$.post(
				"SrvUsuarios",
				{
					operacion: "remove",
					key: key
				},
				procesarEliminar
			
			);
	}
		
	}
	
	function procesarEliminar(resultado) {
		var cmd = document.getElementById("cmd_eliminar");
		cmd.disabled = false;
		if (resultado != 'OK') {
			$("#info").html(resultado);
		}else {
			alert("Usuario eliminado");
			window.location.href = "usuarios.jsp?menu=5";
		}
		
	}
	
	function cancelar() {
		window.location.href="usuarios.jsp?menu=5";
	}
	
</script>
</head>
<body>
<%@ include file="header.jsp" %>
<div class="main">
<h2>Modificar Usuario</h2>
<div id="info"></div>
<form action="" name="form1">
		<table>
		<tr>
		<th colspan="4">Datos Usuario</th>
	</tr>
	<tr>
		<td>Usuario</td>
		<td><input type="text" id="usuario" name="usuario" value="<%= user.getCodigo()  %>"> </td>
		<td>Nombre</td>
		<td><input type="text" id="nombre" name="nombre" size="40" value="<%= user.getNombre() %>"> </td>
	</tr>
	<tr>
		<td>Perfil</td>
		<td>
		<select name="perfil" id="perfil">
		<option value="-1">Seleccionar</option>
		<% for (int i=0; i< p.size(); i++) { 
			Perfiles a =(Perfiles)p.get(i);
			
		%>
			<option value="<%= a.getId() %>" <%= a.getId().equals(user.getPerfil())?"selected":"" %> ><%= a.getPerfil() %></option>
		<% } %>
		</select></td>
			<td>Activo?</td>
			<td>
			<select id="estado" name="estado">
			<option value="1" <%= user.getEstado().equals("1")?"selected":"" %>>Si</option>
			<option value="0" <%= user.getEstado().equals("0")?"selected":"" %>>No</option>
			</select>
			</td>
	</tr>
		</table>
		<input type="button" onclick="javascript:modificar('<%= (String)request.getParameter("codigo") %>');" value="Modificar" id="cmd_modificar" name="cmd_modificar" class="button">  <input type="button" name="cmd_cancelar" id="cmd_cancelar" value ="Cancelar" onclick="javascript:cancelar()" class="button">
	</form>
	</div>
</body>
</html>

<%
	conexion.Close();
%>